<template>
  <div class="container">
    <p>
      <button @click="showLoginError">
        Notif me!
      </button>
    </p>
    <p>
      Home - <NuxtLink to="/about">
        About
      </NuxtLink>
    </p>
  </div>
</template>

<script>
let miniToastr
if (process.client) {
  miniToastr = require('mini-toastr').default
}
export default {
  mounted () {
    miniToastr.init()
  },
  notifications: {
    showLoginError: {
      title: 'Welcome!',
      message: 'Hello from nuxt',
      type: 'info'
    }
  }
}
</script>

<style>
.container {
  text-align: center;
  padding-top: 100px;
  font-family: sans-serif;
}
</style>
